<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Cache-Control"  content="no-transform">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>商家中心</title>
    <link href="/statics/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="/statics/metisMenu/metisMenu.min.css" rel="stylesheet">
    <link href="/statics/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="/statics/sb/css/sb-admin-2.css" rel="stylesheet">
    <link href="/statics/view/css/all.css" rel="stylesheet">
    <script src="/statics/jquery/jquery.min.js"></script>
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">

    </style>
    <script type="text/javascript">
        $().ready(function() {
            var $browserButton = $("#browserButton");
            $browserButton.browser({basePath:"/product/11/"});
        });
    </script>
</head>
<body>
<div id="wrapper">
    [#include "/bcenter/include/header.ftl" /]

    <!-- Page Content -->
    <div id="page-wrapper" style="min-height: 513px;">
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">安全设置</h1>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        安全设置
                    </div>
                    <div class="panel-body">
                        <form action="save" method="post" id="inputForm" class="form-horizontal"   enctype="multipart/form-data" onsubmit="return validateForm(this)">
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#home" data-toggle="tab" aria-expanded="false">密码修改</a>
                            </li>
                            <li class=""><a href="#profile" data-toggle="tab" aria-expanded="false">手机绑定</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane fade  active in" id="home">
                                <div class="col-lg-6" style="margin-top: 20px;">
                                   <form action=""  class="form-horizontal">
                                       <div class="form-group">
                                           <label class="control-label col-sm-3">旧密码</label>
                                           <div class="col-sm-3">
                                               <input type="text" name="sn" class="form-control" placeholder="系统将自动生成">
                                           </div>
                                       </div>
                                       <div class="form-group">
                                           <label class="control-label col-sm-3">新密码</label>
                                           <div class="col-sm-6">
                                               <input type="text" name="name" class="form-control required" minlength="5" placeholder="5-20个汉字或者字母" maxlength="20">
                                           </div>
                                       </div>
                                       <div class="form-group">
                                           <label class="control-label col-sm-3">重复新密码</label>
                                           <div class="col-sm-9">
                                               <input type="text" name="fullName" class="form-control required" minlength="10" placeholder="10-30个汉字或者字母" maxlength="30">
                                           </div>
                                       </div>
                                       <div class="form-group">
                                           <div class="col-sm-offset-3 col-sm-10">
                                               <button type="submit" class="btn btn-success">提交</button>
                                           </div>
                                       </div>
                                   </form>
                                 </div>
                            </div>
                            <div class="tab-pane fade" id="profile" style="padding: 10px;">
                                <div class="col-lg-6" style="margin-top: 20px;">
                                <form action=""  class="form-horizontal">
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">手机号</label>
                                        <div class="col-sm-3">
                                            <input type="text" name="sn" class="form-control" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">验证码</label>
                                        <div class="col-sm-5">
                                            <div class="input-group">
                                                <input type="text" name="marketPrice" class="form-control required number"  placeholder="">
                                                <a class="input-group-addon" >获取验证码</a>
                                            </div>
                                        </div>
                                    </div>
                                   <#-- <div class="form-group">
                                        <div class="col-sm-offset-3 col-sm-10">
                                            <button type="submit" class="btn btn-success">提交</button>
                                        </div>
                                    </div>-->
                                </form>
                                </div>
                            </div>
                      </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
    </div>
</div>
<script src="/statics/jquery/jquery.validate.js"></script>
<script src="/statics/editor/kindeditor.js"></script>
<script src="/statics/view/js/common.js"></script>
<script src="/statics/bootstrap/js/bootstrap.min.js"></script>
<script src="/statics/metisMenu/metisMenu.min.js"></script>
<script src="/statics/sb/js/sb-admin-2.js"></script>
<script type="text/javascript">
    var productImageIndex=0;
    $(function(){
        $(".btn_addImage").click(function() {
            if(productImageIndex>=5){
                return false;
            }
            var trHtml ='<tr>'+
                    '<td>'+
                    '<input type="file" name="productImages['+productImageIndex+'].file" class="form-control"/>'+
                    '</td>'+
                    '<td>'+
                    '<input type="text" name="productImages['+productImageIndex+'].title" class="form-control" maxlength="200"/>'+
                    '</td>'+
                    '<td>'+
                    '<input type="text" name="productImages['+productImageIndex+'].order" class="form-control" maxlength="9" style="width: 50px;"/>'+
                    '</td>'+
                    '<td>'+
                    '<a href="javascript:;" class="deleteProductImage" id="delImageTrButton'+productImageIndex+'">[删除]</a>'+
                    '</td>'+
                    '</tr>';
            $("#imageTable").append(trHtml);
            $(document).on("click","#delImageTrButton"+productImageIndex ,function() {
                var $this = $(this);
                $.dialog({
                    type: "warn",
                    title:"操作",
                    content: "确认删除吗?",
                    onOk: function() {
                        $this.closest("tr").remove();
                    }
                });
            });
            $("#browserButton-"+productImageIndex).browser({basePath:"/product/11/"});
            productImageIndex ++;
            return false;
        });
    });
</script>
</body>
</html>